<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0046)https://pay.chuanke.com/st/PrePay?r=1471329526 -->
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="shortcut icon" href="https://pay.chuanke.com/static/icon.ico">
    <title>百度传课网 - 支付中心</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta content="IE=7" http-equiv="X-UA-Compatible">
    <meta name="description" content="百度传课，中国最大的网络课程在线分享平台。您可在线传授技能，亦可在线学习你所需的一技之长。内容涉及英语学习、职场培训、生活技巧等任何技能。">
    <meta name="keywords" content="百度传课，KK，英语，在线课堂，远程教育，在线学习，视频课程，公开课，电子商务，信息分享，职场培训，直播课堂，免费听课，名师网络课程，名师网课，B2B">
    <link href="css/pay/base.css" rel="stylesheet" type="text/css">
    <link href="css/pay/pay.css" rel="stylesheet" type="text/css">
    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/jquery.common.js"></script>
    <script src="js/html5.js"></script>
    <style type="text/css">
        .formItem{
            margin-left: 130px;
        }
        .n_btn28g, .n_btn24o, .n_btn24gr, .n_btn30g, .n_btn34g, .n_btn34lg_up, .n_btn34g_add, .n_btn34lg_add, .n_btn32g_, .n_btn36g, .n_btn24g, .n_btn30gr_b, .n_btn30gr_up, .n_btn30gr_swf, .n_btn34gr_b, .n_btn34lg, .n_btn36lg, .n_btn38g, .n_btn38gr_b, .n_btn30o, .n_btn36o, .n_btn38o, .n_btn40lg, .n_btn46g, .n_btn46gr {
            display: inline-block;
            color: #fff;
            text-align: center;
        }
        .n_btn38g {
            height: 38px;
            padding: 0 23px;
            font: 700 16px/38px 'simsun';
            background: #337CE0;
        }
    </style>
</head>
<body>
<div class="wrap-pay">
    <div class="bd fk_wrap">
        <div class="deal-detail clearfix">
            <div class="left-part">
                <div class="f16">
                    <span>Java面试那些题</span>
                </div>
                <div class="f12 mt15">
                    <span>交易方：宅客学院</span>
                </div>
            </div>
            <div class="right-part" style="width:455px">
                <div class="f16 tr">订单金额：<span class="f20 c_f60">10.00</span>元</div>
                <div class="tr f12 c_777 mt10">请于48小时内完成订单支付，超过时间需重新下单。付款剩余时间：<span class="c_f60" id="remainTime">47小时50分23秒</span>
                </div>
            </div>
            <script type="text/javascript">
                var remainTime = 172799; //按秒计算
                function CountDown() {
                    if (remainTime > 0) {
                        hours = Math.floor(remainTime / 3600);
                        minutes = Math.floor(remainTime % 3600 / 60);
                        seconds = Math.floor(remainTime % 3600 % 60);
                        var text = "";
                        if (hours > 0) {
                            text = hours + "小时";
                        }

                        if ((hours > 0 && minutes == 0) || minutes > 0) {
                            text = text + minutes + "分";
                        }
                        text = text + seconds + '秒';
                        $("#remainTime").html(text);
                        --remainTime;
                    } else {
                        $("#fe_window_mask").css('display', 'block');
                        $("#orderInvalid").show();
                        orderlisttimer = setInterval("orderlist()", 1000);
                        clearInterval(paytimer);
                        clearInterval(timer);
                    }
                }

                var paytime = 60 * 30;
                function payCountDown() {
                    if (paytime > 0) {
                        --paytime;
                    } else {
                        $('#fe_window_mask').css('display', 'block');
                        $("#paytimeout").show();
                        clearInterval(paytimer);
                    }
                }
                var timer = setInterval("CountDown()", 1000);
                var paytimer = setInterval("payCountDown()", 1000);
            </script>
        </div>
        <div class="pay-box" id="payChoices">
            <form id="prePayForm" name="prePayForm" method="post"
                  action="https://pay.chuanke.com/st/PrePay?r=1471329526">
                <dl>
                    <dd>
                        <div class="pay-item clearfix">
                            <div class="left-part">
                                <span class="f16" style="font-family:'Microsoft Yahei'">讲义寄送地址</span>
                            </div>
                            <div style="width: 100%" class="fl mt10">
                                <span class="f14" style="font-family:'Microsoft Yahei'">何慕嘉 江苏 苏州市 常熟市 虞山镇梦兰工业园龙芯梦兰公司 153****0552</span>
                                <a class="fr f12" style="cursor: pointer;" id="startEditAddress">编辑</a>
                            </div>
                            <div class="selectBank cb" style="padding: 20px 0px 0px; margin:0px;display: block;" id="editAddress">
                                <div class="s_bd">
                                    <form action="" class="formH grzlForm clearfix">
                                        <div class="formItem mb20 pb5 mt20">
                                            <label class="form_label">收件人：</label>
                                            <div class="form_field">
                                                <input type="text" id="addressee" value="和睦家" class="form_text w230">
                                            </div>
                                        </div>
                                        <!-- =E formItem -->
                                        <div class="formItem mb20">
                                            <label class="form_label">手机：</label>
                                            <div class="form_field">
                                                <input type="text" maxlength="11" value="13571880886" id="mobile" class="form_text">
                                            </div>
                                        </div>
                                        <!-- =E formItem -->
                                        <div class="formItem mb20">
                                            <label class="form_label">所在城市：</label>
                                            <div class="form_field">
                                                <span class="mr10">
                                                    <select id="idProvince">
                                                        <option value="0">-</option>
                                                        <option value="10101000000">北京市</option>
                                                    </select>
                                                </span>
                                                <span class="mr25">
                                                    <select id="idCity">
                                                        <option value="10110010000">南京市</option>
                                                        <option value="10110020000">无锡市</option>
                                                    </select>
                                                </span>
                                            </div>
                                        </div>
                                        <!-- =E formItem -->
                                        <div class="formItem mb20">
                                            <label class="form_label">详细地址：</label>
                                            <div class="form_field">
                                                <textarea id="address" rows="10" cols="30">常熟市长江路30号</textarea>
                                            </div>
                                        </div>
                                        <div class="formItem mb20">
                                            <label class="form_label">&nbsp;</label>
                                            <div class="form_field">
                                                <p class="mb10">
                                                    <a href="javascript:;" id="saveAddressBtn" class="n_btn38g">保存</a>
                                                </p>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </dd>
                    <dd>
                        <div class="pay-item clearfix">
                            <div class="left-part">
                                <span class="f16" style="font-family:'Microsoft Yahei'">优惠券</span>
                            </div>
                            <div class="selectBank cb" style="padding: 20px 0px 0px; margin:0px;display: block;">
                                <div class="s_bd">
                                    <ul class="selectBankBox clearfix">
                                        <li name="bankIcon" style="width: 220px;height: 122px">
                                            <i class="check-item check-coupon"></i>
                                            <i class="ico_coupon" title="优惠券1" style="cursor:pointer;"></i>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </dd>
                    <dd>
                        <div class="pay-item clearfix checked">
                            <div class="left-part">
                                <i class="check-item check-Obj" id="cardCheck"></i><!-- 选择状态checked,不可用状态disabled -->
                                <span class="check-t">银行卡</span>
                            </div>
                            <div class="mid-part">
                                <span>网上银行支付</span>
                            </div>
                            <div class="right-part">
                                <span>支付<i class="c_f60 f20 yahei" id="showPayMoney">10.0</i>元</span>
                            </div>
                            <!-- =S 选择银行 -->
                            <div class="selectBank cb hide-part" style="padding: 20px 0px 0px; display: block;">
                                <div class="s_bd">
                                    <ul class="selectBankBox clearfix">

                                        <li class="curr " name="bankIcon" id="bankIcon101">
                                            <input type="radio" name="bankId" id="bankRadio101" value="101"
                                                   checked="checked" onclick="chooseBank('101',false);">
                                            <i class="ico_bank  ico_bank_gongshang" title="中国工商银行"
                                               onclick="chooseBank('101',true)" style="cursor:pointer;"></i>
                                        </li>

                                        <li class=" " name="bankIcon" id="bankIcon201">
                                            <input type="radio" name="bankId" id="bankRadio201" value="201"
                                                   onclick="chooseBank('201',false);">
                                            <i class="ico_bank  ico_bank_zhaoshang" title="招商银行"
                                               onclick="chooseBank('201',true)" style="cursor:pointer;"></i>
                                        </li>

                                        <li class=" " name="bankIcon" id="bankIcon301">
                                            <input type="radio" name="bankId" id="bankRadio301" value="301"
                                                   onclick="chooseBank('301',false);">
                                            <i class="ico_bank  ico_bank_jianshe" title="中国建设银行"
                                               onclick="chooseBank('301',true)" style="cursor:pointer;"></i>
                                        </li>

                                        <li class=" " name="bankIcon" id="bankIcon401">
                                            <input type="radio" name="bankId" id="bankRadio401" value="401"
                                                   onclick="chooseBank('401',false);">
                                            <i class="ico_bank  ico_bank_nongye" title="中国农业银行"
                                               onclick="chooseBank('401',true)" style="cursor:pointer;"></i>
                                        </li>

                                        <li class=" " name="bankIcon" id="bankIcon501">
                                            <input type="radio" name="bankId" id="bankRadio501" value="501"
                                                   onclick="chooseBank('501',false);">
                                            <i class="ico_bank  ico_bank_zhongxin" title="中信银行"
                                               onclick="chooseBank('501',true)" style="cursor:pointer;"></i>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- =E 选择银行 -->
                        </div>
                    </dd>
                    <dd>
                        <div class="pay-item clearfix">
                            <div class="left-part">
                                <i class="check-item check-Obj" id="underLinePay"></i>
                                <span class="check-t">线下汇款</span>
                            </div>
                            <div class="right-part">
                                <span>支付<i class="c_f60 f20 yahei">10.0</i>元</span>
                            </div>
                            <!-- =S 选择银行 -->
                            <div class="selectBank cb hide-part" style="padding: 20px 0px 0px; display: none;">
                                <div class="s_bd">
                                    <ul class="selectBankBox clearfix">
                                        <li class="curr " name="bankIcon" id="bankIcon333">
                                            <input type="radio" name="bankId2" id="bankRadio333" value="101"
                                                   checked="checked" onclick="chooseBank('101',false);">
                                            <i class="ico_bank  ico_bank_gongshang" title="中国工商银行"
                                               onclick="chooseBank('101',true)" style="cursor:pointer;"></i>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <!-- =E 选择银行 -->
                        </div>

                    </dd>
                    <dd>
                        <div class="pay-item clearfix">

                            <ul class="selectBankBox clearfix">
                                <li name="thirdIcon" id="thirdIconalipay">
                                    <input type="radio" name="thirdId" id="thirdRadioalipay" value="alipay"
                                           onclick="chooseThird('alipay',false);">
                                    <i class="ico_bank ico_bank_zhifubao" title="支付宝"
                                       onclick="chooseThird('alipay',true)" style="cursor:pointer;"></i>
                                </li>
                            </ul>
                        </div>
                    </dd>
                </dl>
                <!-- =E 选择银行 -->
                <div class="mt20" style="padding-left:90px;">
                    <a href="https://pay.chuanke.com/st/PrePay?r=1471329526#" onclick="prePaySubmit();return false;"
                       class="n_btn40o">立即付款</a><!-- 不可用状态class添加disabled -->
                    <div class="f12 c_f60 mt5" id="showError" style="display: none"></div>
                    <input type="hidden" id="moneyError" value="10.00">
                </div>
            </form>
        </div>
    </div>
</div>

<script>
    var check_control = window.check_control || {};
    check_control.addCheck = function (ele) {
        var parents = $(ele).parents('.pay-item');
        $(ele).data('checked', true);
        $(parents).addClass('checked');
        $(parents).children('.hide-part').show();
    }
    check_control.removeCheck = function (ele) {
        var parents = $(ele).parents('.pay-item');
        $(ele).data('checked', false);
        $(parents).removeClass('checked');
        $(parents).children('.hide-part').hide();
    }

    check_control.checked = function (ele) {
        var parents = $(ele).parents('.pay-item');
        console.log("sad")
        if (!$(parents).hasClass('disabled')) {
            if ($(parents).hasClass('checked')) {
                check_control.removeCheck(ele);
            } else {
                check_control.addCheck(ele);
            }
        }
    }
    $("#startEditAddress").click(function () {
        $("#editAddress").show(500);
    })
    $("#saveAddressBtn").click(function () {
        $("#editAddress").hide(500);
    })

    function chooseBank(bankCode, doClick) {
        $("li[name='bankIcon']").removeClass("curr");
        $("#bankIcon" + bankCode).addClass("curr");
        if (doClick) {
            $("#bankRadio" + bankCode).click();
        }
    }

    //$(function(){
    $(".check-Obj").bind("click", function () {
        check_control.removeCheck($("#underLinePay"));
        check_control.removeCheck($("#cardCheck"));
        check_control.checked($(this));
        $("li[name='thirdIcon']").removeClass("curr");
        var radios = document.getElementsByName("thirdId");
        for (var i = 0; i < radios.length; i++) {
            if (radios[i].checked == true) {
                radios[i].checked = false;
                break;
            }
        }
    })

    $(".check-coupon").bind("click", function () {
        check_control.checked($(this));
    })
    //})
    function chooseThird(bankCode, doClick) {
        $("li[name='thirdIcon']").removeClass("curr");
        $("#thirdIcon" + bankCode).addClass("curr");
        if (doClick) {
            $("#thirdRadio" + bankCode).click();
        } else {
            check_control.removeCheck($("#underLinePay"));
            check_control.removeCheck($("#cardCheck"));
        }
    }

</script>
</body>
</html>